<template>
    <div>
       
      <span class="ospan" @click='mypage'>&lt;返回</span>
      <div class="msg">
        <p>本商城由 yqq 开发</p>
        <p>商城 布局与功能 由本人实现，图片、布局等均来源于 <span class="color">小米商城 m.mi.com</span></p>
        <p>商城所用的到技术</p>
        <ul>
          <li>vue-cli</li>
          <li>vue 2.5.2</li>
          <li>vue-router 3.0.1</li>
          <li>vuex 3.0.1</li>
          <li>axios 0.17.1</li>
          <li>sass</li>
          <li>lodash</li>
        </ul>
        <p>联系我</p>
        <p>e-mail: 412625749@qq.com</p>
        <p>phone: 13034022182</p>
        <p>github:https://github.com/huluwadeyeye/vue-miApp</p>

      </div>
    
    </div>
</template>

<script>
export default {
    created(){
        this.$store.commit('getisflag',false)
    },
    methods:{
        mypage(){
            this.$router.push({name:'my'});
            this.$store.commit('getisflag',true)

        }

    }
}
</script>

<style lang='scss' scoped>
$appwidth: 375;

@function pxtovw($p) {
  @return (100 / $appwidth * $p) * 1vw;
}
.ospan{
  display: inline-block;
  font-size: pxtovw(18);
  width: 100%;
  background: #eee;
  height: pxtovw(30);
  z-index: 10;
}
.msg{
    margin: 0 auto;
}
p,li{
    text-indent: 2em;
    padding: pxtovw(10);
}
 


</style>
